<template>
  <div class="body-page" id="body_page_div">

    <!-- 返回按钮 -->
    <el-page-header @back="goBack" :content="$route.meta.title" class="body-page-header">
    </el-page-header>

    <!-- 内容主体 -->
    <div class="body-page-content" >
      <slot></slot>
    </div>

  </div>
</template>

<script>
export default {
  name: 'BodyPage',
  components: {},
  data () {
    return {

    }
  },
  methods: {
    goBack () {
      this.$router.back()
    }
  }
}
</script>

<style scoped>

  .body-page {
  }

  .body-page-content {
    border-radius: 4px;
    overflow: auto;
    margin-top: 20px;
  }

  .body-page-header {
  }

</style>
